<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="../image/favicon.ico" type="image/x-icon">

    <link rel="stylesheet" href="../layui/css/layui.css" />
    <link rel="stylesheet" href="css/exam_center.css" />
    <link rel="stylesheet" href="css/same.css">
    <title>试卷中心</title>

    <style>
        /* 头像旁的徽章样式 */
        .isShow{
            display: none;
        }      
        /* 解决使用Vue.js页面加载数据的时候，页面闪现原始代码 */
        [v-cloak] {
            display: none;
        }
    </style>
</head>

<body>

    <div style="position: relative;" id="app" v-cloak>

        <!-- 头部导航栏 -->
        <div class="layui-layout layui-layout-admin">
            <!-- 导航 -->
            <div class="layui-header">
                <!-- log -->
                <div class="layui-logo">
                    <img src="../image/logo.png" style="margin-top: -15px;margin-left: -25px;">
                    <!-- <span>阿里迪里考试</span> -->
                </div>

                <!-- 头部区域（可配合layui已有的水平导航） -->
                <ul class="layui-nav layui-layout-right" style="margin-right: 130px;">
                    <li class="layui-nav-item"><a href="index.html">首页</a></li>
                    <li class="layui-nav-item layui-this"><a href="exam_center.html">试卷中心</a></li>
                    <li class="layui-nav-item"><a href="exam_record.html">考试记录</a></li>
                    <li class="layui-nav-item"><a href="error_question.html">错题本</a></li>
                </ul>
                <ul class="layui-nav layui-layout-right">
                    <li class="layui-nav-item"><a href="javascript:;"> <img v-bind:src="'../image/'+user.image"
                                class="layui-nav-img">
                                <span class="layui-badge-dot" :class="{isShow:unreadNum==0}" style="top: 30%;margin: -5px -8px 0;"></span>
                        </a>
                        <dl class="layui-nav-child">
                            <dd>
                                <a href="personal.html">个人中心</a>
                            </dd>
                            <dd>
                                <a href="home_message.html">消息中心
                                    <span class="layui-badge" :class="{isShow:unreadNum==0}" style="margin-top: -20px;right: -3px;border-radius: 50%">
                                        {{unreadNum}}</span>
                                </a>
                            </dd><hr>
                            <dd>
                                <a id="logout">退出</a> 
                            </dd>
                        </dl>
                    </li>
                </ul>
            </div>

        </div>


        <main class="el-main user-main" style="margin-top: 60px;">
            <div class="app-item-contain exam-paper-contain">
                <div class="paper-index-header el-row">
                    <!--航线 -->
                    <div class="el-col el-col-24">

                        <div class="item-contain">
                            <span class="title" style="margin-right: 10px;">试卷类型：</span>
                            <span class="title_paper_1" @click="choose($event)"><a class="title_paper_2">全部</a></span>
                            <span class="title_paper_1" @click="choose($event)"><a>固定试卷</a></span>
                            <span class="title_paper_1" @click="choose($event)"><a>时段试卷</a></span>
                            <span class="title_paper_1" @click="choose($event)"><a>班级试卷</a></span>
                        </div>

                        <div class="item-contain">
                            <span class="title" style="margin-right: 10px;">试卷学科：</span>
                            <span class="title_paper_1" @click="choose2($event)"><a class="title_paper_2">全部</a></span>
                            <span class="title_paper_1" @click="choose2($event)"><a>语文</a></span>
                            <span class="title_paper_1" @click="choose2($event)"><a>数学</a></span>
                            <span class="title_paper_1" @click="choose2($event)"><a>英语</a></span>
                            <span class="title_paper_1" @click="choose2($event)"><a>化学</a></span>
                            <span class="title_paper_1" @click="choose2($event)"><a>物理</a></span>
                            <span class="title_paper_1" @click="choose2($event)"><a>计算机</a></span>
                            <span class="title_paper_1" @click="choose2($event)"><a>美术</a></span>
                        </div>

                        <div class="paper-header"></div>

                        <div class="aa" v-for="(e,i) in examPapers.slice(startNum,endNum)" @click="demo(e)">
                            <!-- <div class="aa_1" v-if="e.paperType==2"><span class="aa_1-1">{{e.examPaperName}}</span>
                                <div class="aa_2">
                                    <div class="title_lg_1">
                                        <div>学科：{{e.subjectName}}</div>
                                        <div>题目数量：{{e.questionCount}}</div>
                                        <div>试卷总分：{{e.paperScore}}</div>
                                        <div>建议时长：{{e.suggestTime/60}}分</div>
                                        <div>发布时间：{{e.createTime}}</div>
                                        <div>开始时间：{{e.limitStartTime}}</div>
                                        <div>结束时间：{{e.limitEndTime}}</div>
                                    </div>
                                    
                                </div>
                            </div> -->
                            <div class="aa_1"><span class="aa_1-1">{{e.examPaperName}}</span>
                                <div class="aa_2">
                                    <div class="title_lg_1">
                                        <div>学科：{{e.subjectName}}</div>
                                        <div>题目数量：{{e.questionCount}}</div>
                                        <div>试卷总分：{{e.paperScore}}</div>
                                        <div>建议时长：{{e.suggestTime/60}}分</div>
                                        <div>发布时间：{{e.createTime}}</div>
                                    </div>
                                    <!-- <div class="title_author_1"><span>余额</span><span class="title_author_2">静夜思</span></div> -->
                                </div>
                            </div>
                        </div>

                        <div class="el-pagination" v-if="!examPapers.length==0 || !examPapers==null">
                            <div>
                                <i class="layui-icon btn-prev disabled" title="上一页" @click="up"> &#xe603;</i>
                                <span>{{currPage}}</span>
                                <i class="layui-icon btn-next" v-bind:class="{disabled:pageSum==1}" title="下一页" @click="down">&#xe602;</i>
                            </div>
                        </div>

                        <div v-if="examPapers.length==0 || examPapers==null" class="image_div_1">
                            <div class="image_div_2">
                                <img src="image/tip.png" alt="" srcset=""><br>
                                <span style="font-size: 14px;color: #9b9b9b;">暂无内容</span>
                            </div>
                        </div>

                    </div>
                </div>
            </div>

        </main>

        <div id="back-top">
            <i class="layui-icon layui-icon-top" style="font-size: 38px;font-weight: 600;"></i>
        </div>

        <!-- 底部板块 -->
        <div style="width: 100%;margin-bottom: 0">
            <footer class="el-footer user-footer app-item-contain footer-mai-d">
                <div class="container">
                    <div class="left">
                        <div class="footer-main element">
                            <span>新手指南</span>
                            <a href="https://www.mindskip.net/buy.html" target="_blank">购买中心</a>
                            <a href="https://www.mindskip.net/document/维多多培训考试系统.pdf" target="_blank">系统简介</a>
                            <a href="https://www.mindskip.net/document/维多多培训考试系统用户手册.pdf" target="_blank">用户手册</a>
                        </div>



                        <div class="footer-main element">
                            <span>合作伙伴</span>
                            <a>中国红十字会</a><a>中国人民解放军</a>
                            <a>国家标准技术审评中心</a>
                            <a>中科软科技股份有限公司</a>
                        </div>

                        <div class="footer-main element">
                            <span>关于我们</span>
                            <a href="https://www.mindskip.net" target="_blank">企业官网</a>
                            <a href="https://www.mindskip.net/wdd.html" target="_blank">产品介绍</a>
                            <a class="feedback-link">意见反馈</a>
                        </div>



                    </div>
                    <div class="right">
                        <table>
                            <tr>
                                <td width="130px">
                                    <img src="image/4.png" alt="" srcset="" width="100px" height="100px">
                                </td>
                                <td>
                                    <img src="image/5.jpg" alt="" srcset="" width="100px" height="100px">
                                </td>
                            </tr>
                            <tr>
                                <td style="text-align: center; padding-top: 20px;padding-right: 20px;">
                                    <span>H5</span>
                                </td>
                                <td style="text-align: center;padding-top: 20px;"><span>团队群</span></td>
                            </tr>
                        </table>
                    </div>
                </div>
            </footer>
            <div class="foot-copyright">
                <span>Copyright © 2021 在校开发团队所有</span>
            </div>
        </div>

    </div>


    <script src="../layui/layui.js"></script>
    <script src="../layer/layer.js"></script>
    <script src="../js/jquery-1.12.4.min.js"></script>
    <script src="../js/jquery.cookie.js"></script>
    <script src="../js/Vue.js"></script>
    <script src="js/same.js"></script>
    <script src="js/test_time.js"></script>
    <script src="js/exam_center.js"></script>
    
</body>

</html>